<template>
  <div>
    <h2>张三的快乐生活</h2>
    <p>{{age}}</p>
    <!-- 用法一：v-on:事件名="简单的语句" -->
    <button v-on:click="age++"> age+1 </button><br />
    <!-- 用法二：v-on:事件名="处理函数" （v-on: 简写为 @） -->
    <button @click="age++">点我给age+1</button>
    <hr>
    <!-- 用法三 -->
    <button @click="changeAge">点我给age-1</button>
  </div>
</template>

<script>
export default {
  name: 'App',
  data() {
    return {
      age:22
    }
  },
  methods:{
    changeAge() {
      // console.log(123);
      this.age--
    }
  }
}
</script>